<template>
	<view class="content">
		<user-info username="李四" avatar="../../static/logo.png"></user-info>
		<user-info :username="username" :avatar="avatar"></user-info>
	</view>
</template>

<script setup>
import { ref } from 'vue';

const username = ref("张三")
const avatar = ref("../../static/pic1.jpg")

</script>

<style>
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
</style>
